<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>push Room</title>
</head>

<body>
    <input id="chat-message-input" type="text" size="100" /><br/>
    <input id="chat-message-submit" type="button" value="Send" onclick='sendmessage()' />
</body>
<script>
    //生成socket对象
    var socket = new WebSocket("ws:" + "127.0.0.1:8000/websocketLink/?username=qwe213");


    socket.onopen = function() {
        console.log('WebSocket open'); //成功连接上Websocket
    };
    socket.onmessage = function(e) {
        console.log('message: ' + e.data); //打印服务端返回的数据
    };
    socket.onclose = function(e) {
        console.log(e);
        socket.close(); //关闭TCP连接
    };
    if (socket.readyState == WebSocket.OPEN) {
        socket.onopen();
    }

    window.s = socket;

    function sendmessage() {

        window.s.send(document.getElementById("chat-message-input").value);

    }
</script>

</html>